<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>


        // 箭头函数没有自己的this指向 ， 父对象指向谁，他就指向谁

        // const fn = () => {
        //     console.log(this);   // window
        // }

        // fn() ;


        // const obj = {
        //     name : "小花" , 
        //     say : () => {
        //         console.log(this);  // window
        //     }
        // }

        // obj.say() ;


        // document.onclick = () => {
        //     console.log(this);  // window
        // }


        document.onclick = function() {
            console.log(this);   // document
            // setTimeout(function() {
            //     console.log(this);   // window
            // } , 100)

            setTimeout(() => {
                console.log(this);   // document
            } , 100)
        }


         const obj = {
            name : "小花" , 
            say : function() {
                console.log(this);  // obj
                // setTimeout(function() {
                //     console.log(this);  // window
                // } , 100)
                setTimeout(()=> {
                    console.log(this);  // obj
                } , 100)
            }
        }

        obj.say()


        const obj2 = {
            name : '花花' ,
            speak : function() {
                // this  -> obj

                return () => {
                    console.log(this.name);
                }
            }
        }

        obj2.speak()() ;


    </script>
    
</body>
</html>